<template>
    <div id="assess">
        <div class="text">
            <ul class="text-ul" >
                <li class="context">商品评价</li>

                <li class="number" v-if="Group.other.remarkNum">{{ Group.other.remarkNum }}</li>
            </ul>    
        </div>

        <div class="details" v-if="show">
            <ul class="dtl-ul">
                <li class="images">
                    <img v-if="Group.newRemark.headImg" :src="Group.newRemark.headImg" >
                </li>
                <li class="name">{{ Group.newRemark.name }}</li>
            </ul>

            <ul class="right">
                <li class="days">{{ Group.newRemark.time }}</li>
            </ul>

            <h1 class="all">{{ Group.newRemark.value }}</h1>

        </div>
        <button class="btn"  v-if="show" @click="goAllassess(Group.pro_spu)">查看所有评价</button>
    </div>
</template>

<script>
    
    export default {
        data() {
            return{
                show:Boolean
            }    
        },
        props:{
            Group:{}
        },
        methods:{
            goAllassess(id){
                this.$router.push('/allAssess'+'/'+id)
            }
        },
        mounted(){
            if(this.Group.other.remarkNum==0){
                this.show=false
            }else{
                this.show=true
            }
        }
        
    }
</script>

<style>

</style>